var vm  = new  Vue({
    el:"#app",
    data:{
       userId:0,//当前用户id
       options:[],//下来选项
       selected:1,//下拉默认选项(参考type具体取值)
       searchTxt:'',//搜索文本内容
       ajaxHistoryUrl:'',//搜索历史接口，根据页面参数判断主站还是分站 
       ajaxDelHistoryUrl:'',//删除搜索历史接口，根据页面参数判断主站还是分站 
       ajaxHotDataUrl:'',//热门搜索接口，根据页面参数判断主站还是分站 
       cityId:0,//分站id,从首页进入没，从分站才有
       type:0,//分站搜索类型：1求购、2供应、3企业库、4招聘企业、5招聘职位、6人物、7访谈、8动态、9心情、10二手
              //主页搜索类型：1资讯、2展会、3印厂、4设备、5招聘企业、6招聘职位  
       historyData:[],//历史记录数据
       hotData:[],//热门搜索
    },
    created () {
      //获得用户userId,用来筛选搜索历史
      if ($.getPara("userId") != "") {
        this.userId = $.getPara("userId");
        //缓存用户ID
        $.setStorage("userId", this.userId);
      }else {
        if ($.getStorage("userId") && $.getStorage("userId") != "") {
            this.userId = parseInt($.getStorage("userId"));
        }
      }
      this.cityId =$.getPara("cityId");//万一获取失败呢？
    //   debugger;
      //判断搜索页面来源
      if( this.cityId &&  this.cityId>0){//由首页进入 --首页搜索
        this.cityId =$.getPara("cityId");//万一获取失败呢？
        this.ajaxHistoryUrl = '/api/search/substationHistory';
        this.ajaxDelHistoryUrl = '/api/search/clearSubstationHistory';
        this.ajaxHotDataUrl = '/api/search/substationHot';
      }else{//分站搜索
     
        this.ajaxHistoryUrl = '/api/search/indexHistory';
        this.ajaxDelHistoryUrl = '/api/search/clearIndexHistory';
        this.ajaxHotDataUrl = '/api/search/indexHot';
      }  
      //获得搜索历史和热门数据 
      this.getHistoryData(); 
      this.getHotData(); 
    },
    methods:{
        // 获得历史记录数据
        getHistoryData(){
            let _this = this ;
            $.ajax({
                url:_this.ajaxHistoryUrl,
                type: 'POST',
                dataType: 'json',
                data:{
                    userId:_this.userId
                },
                success:function(res){
                    // console.log(res)
                    if(res.code == 200){
                        _this.historyData = res.data;//历史记录
                    }else{  
                        $.toast(res.msg,"text");
                    }
                },
                error:function(){
                    $.toast("获取数据失败，请重试！","text");
                }
            });
        },
         // 获得热门搜索
         getHotData(){
            let _this = this ;
            $.ajax({
                url:_this.ajaxHotDataUrl,
                type: 'POST',
                dataType: 'json',
                success:function(res){
                    // console.log(res)
                    if(res.code == 200){
                        _this.hotData = res.data;//历史记录
                    }else{  
                        $.toast(res.msg,"text");
                    }
                },
                error:function(){
                    $.toast("获取数据失败，请重试！","text");
                }
            });
        },
        //清空输入框内容
        emptyVal(){
            this.searchTxt = '';
        },
        search:function(event){
            //判断是否是回车键
            if(event.keyCode == 13){
                this.goSearchResult();
            }
        },
        //跳转到搜索结果页
        goSearchResult(){
            //搜索跳转需要传值 type类型 keywords关键词
            if(this.searchTxt == ''){
                $.toast("请输入搜索内容", "text");
                return false;
            }else{
                //console.log(this.selected + ' ' +this.searchTxt);
                var para = {};
                para.title = "搜索列表";
                para.type = "searchResult";

                para.url = '/PageClassify/html/Search/searchResult.html?keywords='+ this.searchTxt + "&cityId=" +this.cityId;
                //跳转之前情况类型和输入框内容
                this.searchTxt = '';
                if (/(Android)/i.test(navigator.userAgent)) { //判断Android
                    //是android系统
                    // alert("Android系统");
                    // jsAndroid.appPush(para)
                    jsAndroid.appPush(JSON.stringify(para))
                } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
                    //默认为iOS系统
                    window.webkit.messageHandlers.appPush.postMessage(para);
                } else {
                    //pc
                    window.location.href = para.url;
                    //alert("PC浏览器");
                };
            }
           
        },
        //删除搜索历史
        delHistory(){
            let _this = this ;
            if(_this.historyData.length>0){
                $.ajax({
                    url:_this.ajaxDelHistoryUrl,
                    type: 'POST',
                    dataType: 'json',
                    data:{
                        userId:_this.userId
                    },
                    success:function(res){
                        
                        if(res.code == 200){
                            _this.historyData = [];//删除成功更新数据
                            $.toast(res.msg,"text");
                        }else{  
                            $.toast(res.msg,"text");
                        }
        
                    },
                    error:function(){
                        $.toast("获取数据失败，请重试！","text");
                    }
                });
            }else{
                $.toast("先去试试搜索吧！","text");
            }    
        },
         //由历史和热门进而触发搜索函数
       ToSearch(item){
           //根据点击项目获得参数（类型、关键词）
            this.selected = item.search_type;
            this.searchTxt = item.search_keyword;
            this.goSearchResult();//跳转到指定结果页面
       }
    }
})

//阻止回车页面刷新
document.onkeydown=function(e){
    var e = e || event;
    var currKey = e.keyCode || e.which || e.charCode;//支持IE,FireFox
    if (currKey == 13) {
        return false;
    }
}